.iconBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  .iconContent {
    width: 800px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    .carControl {
      font-size: 35px;
      opacity: 0.7;
      cursor: pointer;
    }

    .carsouselBox {
      position: relative;
      width: 800px;
      display: flex;
      justify-content: center;
      align-items: center;
      .carsousel {
        padding-top: 10px;
        width: 750px;

        .iconItem {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;

          .iconItem_icon {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border-radius: 10px;
            border-width: 1px;
            border-style: solid;
            img {
              width: 45px;
              height: 45px;
              border-radius: 10%;
            }
            .noImgUrl {
              width: 45px;
              font-size: 40px;
              text-align: center;
            }
          }

          .iconItem_icon:hover {
            transform: scale(1.2);
          }
          .iconName {
            text-align: center;
            margin-top: 10px;
            font-weight: 500;
          }
        }
      }

      .swiperButtonPrev {
        position: absolute;
        top: 46%;
        left: 0;
        font-size: 25px;
        z-index: 2;
        cursor: pointer;
        opacity: 0.3;
      }

      .swiperButtonNext {
        position: absolute;
        top: 46%;
        right: 0;
        font-size: 25px;
        z-index: 2;
        cursor: pointer;
        opacity: 0.3;
      }
    }
  }
}
